require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';
let In8 = require('../sources/in8/zh_cn');

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'

const  product_fb = In8.Product_3.product_fb;//`副本玩法`;
const  fb_1 = In8.Product_3.fb_1;// `副本是一个相对独立的环境，不会有其他玩家恶意的捣乱。所以进入副本的玩家和队友可以体验到完美的游戏打怪感受
//副本有100%~500%不同的难度：`;

let fb_img = require("../img/product/fb.jpg");
class Product_3 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.Product_1_head}>
                <b>{product_fb}</b>
              </h2>
              <div className={styles.product_info}>
                <img src={fb_img} alt=""/>
                <p>{fb_1}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product_3);
//News.defaultProps =  Form.create()(News);;

//export default News;
